/*
 * Copyright (c) 2013 Eugene Kuzmenko
 *
 * Permission  is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in  the Software without restriction, including without limitation the rights
 * to  use,  copy,  modify,  merge, publish, distribute, sublicense, and/or sell
 * copies  of  the  Software,  and  to  permit  persons  to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The  above  copyright  notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE  SOFTWARE  IS  PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED,  INCLUDING  BUT  NOT  LIMITED  TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS  FOR  A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS  OR  COPYRIGHT  HOLDERS  BE  LIABLE  FOR  ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 *
 * For more information, see <http://www.aljey.com>.
 */

//=../Menu/MenuItem

/**
 * The tab panel tab.
 *
 * @author Eugene Kuzmenko <mail@aljey.com>
 * @class {Tab}
 * @extends {MenuItem}
 */
Class.define('Tab', {

  extend: 'MenuItem',

  /**
   * If true a close button will be rendered inside of the tab.
   *
   * @property {bool}
   */
  closable: false,

  tpl: [
    '<li<%if(disabled){%> class="disabled"<%}%>>',
      '<a href="<%=href%>">',
        '<%if(closable){%>',
          '<button type="button" class="close">&times;</button>',
        '<%}%>',
      '</a>',
    '</li>'
  ],

  /**
   * Closes a tab.
   *
   * @returns {Tab}
   */
  close: function () {
    this.up().fire('close', [this.owner.indexOf(this), this]);
    this.owner.remove(this);
    return this;
  },

  listeners: {
    render: function () {
      var me = this;
      me.closable && me.el.find('.close').click(function () {
        me.close();
        return false;
      });
    },
    click: function () {
      this.up().setActiveItem(this);
    }
  }

});